
$star-count: 400; // 星星的数量  
$star-size: 1px; // 星星的大小  
$star-color: white; // 星星的颜色  
$animation-duration: 5s; // 动画持续时间  

body {  
    margin: 0;  
    padding: 0;   
	display: inline-block;
    background-color: #000;  
}  

.title{
	position: absolute;
	top:40%;
	left:40%;
	font-size: 50px;
	letter-spacing: 10px;
	display: inline-block;
	background:linear-gradient(to bottom,white,gray);
	-webkit-background-clip:text ;
	-webkit-text-fill-color: transparent;
}
.starry-night {  
    position: relative;  
    width: 100vw;  
    height: 100vh;  
    display: flex;  
    align-items: center;  
    justify-content: center;  
    overflow: hidden;  
}  
  
.star {  
    position: absolute;  
    width: $star-size;  
    height: $star-size;  
    background-color: $star-color;  
    border-radius: 50%;  
    animation: twinkle $animation-duration infinite;  
}  
  
@keyframes twinkle {  
    0% {  
        opacity: 1;  
    }  
    50% {  
        opacity: 0.5;  
    }  
    100% {  
        opacity: 1;  
    }  
}
